<template>
  <div class="dashboard-container">
      <el-row>
        <el-col>早上好: {{name}} ,现在时刻 {{date}}</el-col>
      </el-row>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import {parseTime} from "@/utils"
export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters(['name'])
  },
  data() {
    return {
      show: false,
      date:""
    }
  },
  mounted() {
    this.parseTime()
  },

  methods: {
    parseTime(){
      setTimeout(()=>{
        this.parseTime()
      },1000)
      this.date = parseTime(new Date())
    },
    goto(row) {
      this.$router.push({
        path: '/consultation/edit',
        query: {
          type: row
        }
      })
    },
    mouseover() {
      this.show = true
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard-container{
  padding: 20px;
}
.bg {
  background-color: rgba(108, 156, 253, 1);
}
.bg-1 {
  background-color: rgba(0, 191, 191, 1);
}
.bg-2 {
  background-color: #e6a23c;
}
.box-card {
  margin: 20px;
  color: #ffffff;
}
.color-000 {
  color: #000;
}
.text-20 {
  font-size: 20px;
}
.height-35 {
  height: 35px;
}
</style>
